<script lang="ts" setup>
import { useI18n } from 'vue-i18n';

const { t } = useI18n();
const props = defineProps({
  title: {
    type: String,
    default: '',
  },

  content: {
    type: String,
    default: '',
  },
});

defineExpose({
  // dialogClickButton,
  dialogOptions: {
    width: 1200,
    title: t('settings.view.subscription.user.preview.title'),
    buttons: { cancel: t('settings.view.subscription.user.preview.button') },
  },
});
</script>

<template>
  <ACard :title="props.title" :bordered="false">
    <!-- eslint-disable-next-line vue/no-v-html -->
    <div v-html="props.content"></div>
  </ACard>
</template>

<style lang="scss" scoped>
</style>
